<template>
  <div class="collection">
    <el-card class="card-full" :header="route.meta.title">
      <el-tabs v-model="searchInfo.status" @tab-change="getTableData">
        <el-tab-pane label="全部作品" :name="0"></el-tab-pane>
        <el-tab-pane label="已发布" :name="1"></el-tab-pane>
        <el-tab-pane label="未通过" :name="2"></el-tab-pane>
      </el-tabs>

      <upload
        v-model="searchInfo.fileUrl"
        accept="video/*"
        height="calc(100vh - 280px)"
      >
        <template #upload-text>自定义创作合集</template>
        <template #tip>
          <el-button size="large" type="primary" class="w-[116px]">
            创建合集
          </el-button>
        </template>
      </upload>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref, reactive, computed } from "vue"
import { useRoute } from "vue-router"
import Upload from "@/components/upload.vue"

const route = useRoute()

const searchInfo = ref({
  status: 0,
  fileUrl: "",
})

const getTableData = () => {}
</script>

<style lang="scss" scoped></style>
